+function () {
    $(document).ready(function () {
        var navLogo = $('#logo');
        var navBar = $('#navBar');
        var headerNav = $('.nav-header .header-nav');
        var navH = navBar.outerHeight();
        var logoH = navLogo.outerHeight();
        var c_width = window.innerWidth;
        var mask = $('.nav-header .mask');
        var bodyH = $(document.body).height();
        var msgH = $('.nav-header .nav-msg').outerHeight();
        var menuBtn = $('.nav-header .menuBtn ');
        var scrollTop = $(document).scrollTop();
        var close = $('.nav-header .close');

        //如果可视区宽度小于991并且滚动距离大于50 navBar的高度为body的高度
        if (c_width < 991&&scrollTop>50) {
            navBar.css({height: bodyH})
        }
        $(window).resize(function () {
            var c_width = $(document.body)[0].clientWidth;
            if (c_width <= 991) {
                mask.css({
                    'height': bodyH,
                })
                navBar.css({'display': 'none'})
            } else {
                navBar.css({
                    'width': 'auto',
                    'height': 'auto',
                    'display': 'block'
                })
                close.css({'display': 'none'});
                mask.css({'display': 'none'})
            }
        });
        $(window).scroll(function () {
            var scrollTop = $(document).scrollTop();
            if (scrollTop > 50) {
                headerNav.addClass('nav1');
            } else {
                headerNav.removeClass('nav1');
            }

        })
        menuBtn.click(function () {
            navBar.css({'display': 'block', height: bodyH})
                .animate({'width': '200px'}, 300);
            mask.css({'display': 'block'});
            close.css({'display': 'block'});
        });
        mask.click(function () {
            navBar.animate({'width': '0'}, 300);
            mask.css({'display': 'none'});
        });
        close.click(function () {
            navBar.animate({'width': '0'}, 300);
            mask.css({'display': 'none'});
        })

    })

}();

window.onload = function () {
    function $(id) {
          return document.getElementById(id)
    }
    $("F-name").onblur = function fn() {
        if($("F-name").value !== ""){
            $("F-name").nextElementSibling.classList.add("nonoen");
        }else{
            $("F-name").nextElementSibling.classList.remove("nonoen");
        }
    }
    $("F-email").onblur = function fn() {
        if($("F-email").value !== ""){
            $("F-email").nextElementSibling.classList.add("nonoen");
        }else{
            $("F-email").nextElementSibling.classList.remove("nonoen");
        }
    }
    $("F-phone").onblur = function fn() {
        if($("F-phone").value !== ""){
            $("F-phone").nextElementSibling.classList.add("nonoen");
        }else{
            $("F-phone").nextElementSibling.classList.remove("nonoen");
        }
    }
    $("F-message").onblur = function fn() {
        if($("F-message").value !== ""){
            $("F-message").nextElementSibling.classList.add("nonoen");
        }else{
            $("F-message").nextElementSibling.classList.remove("nonoen");
        }
    }
  }

    $(document).ready(function(){ 
        $(function () {
        var trchList = $('.technology-page');
        var pageBox = $('.pagination-list');
        var currentPage = 0;
        var pageSize = 10;
        function shownums() { trchList.find(".tech-widget").hide().slice(currentPage * pageSize, (currentPage + 1) * pageSize).show() }; trchList.bind("paging", function () { shownums() });
        var numRows = trchList.find('.tech-widget').length;
        var numPages = Math.ceil(numRows / pageSize);
        var pager = $('<div class="pagedemo-list-a"></div>');
        pager.appendTo(pageBox); for (var pageIndex = 0; pageIndex < numPages; pageIndex++) { $('<a href="javascript:;" id="pagestyle"><span>' + (pageIndex + 1) + "</span></a>").bind("click", { newpage: pageIndex }, function (event) { currentPage = event.data["newpage"]; trchList.trigger("paging") }).appendTo(pager); pager.append("") };
        trchList.trigger("paging");
        var pagess = $("#pagestyle");
        pagess.first().addClass("current");
        $(".reduce").addClass('active');
        if (numPages == 0) { $('.pagination').hide(); return } if (numPages == 1) { $(".add").addClass('active'); return }
        
        // 页号切换效果
        $(".pagination-list a").click(function () { var indexele = $(this).index() + 1; if (indexele == numPages && indexele != 1) { $(".add").addClass('active'); $(".reduce").removeClass('active') } else if (indexele == 1) { $(".reduce").addClass('active'); $(".add").removeClass('active') } else { $(".reduce").removeClass('active'); $(".add").removeClass('active') } $(this).addClass("current").siblings().removeClass("current") });
        //向前翻页
        $(".reduce").click(function () { if (currentPage < 1) { currentPage = 0 } else { currentPage-- } if (currentPage == 0) { $(this).addClass('active'); $(".add").removeClass('active') } else { $(this).removeClass('active'); $(".add").removeClass('active') } var whatnum = $(".pagedemo-list-a a"); whatnum.eq(currentPage).addClass("current").siblings().removeClass("current"); shownums() });
        // 向后翻页
        $(".add").click(function () { if (currentPage == numPages - 1) { currentPage = numPages - 1 } else { currentPage++ } if (currentPage == numPages - 1 && currentPage != 0) { $(this).addClass('active'); $(".reduce").removeClass('active') } else { $(this).removeClass('active'); $(".reduce").removeClass('active') } var whatnum = $(".pagedemo-list-a a"); whatnum.eq(currentPage).addClass("current").siblings().removeClass("current"); shownums() });
        });
    });